<template>
    <div class="main">
        <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">{{ $t('assetsAudit.assetInfo') }}</el-col>
        </el-row>
          <el-row>
            <el-col style="padding: 3px 3px 3px 0px;border-radius: 4px;font-size: 14px;text-align:right;" :span="16">
                <el-row class="datarow bgrow">
                     <el-col class="labcol" :span="6">{{ $t('shellAssets.editLabel.shellAssets.keyId') + ":"  }}</el-col>
                     <el-col class="datacol" :span="18">{{ datas.keyId }}</el-col>
                </el-row>
                <el-row class="datarow bgrow">
                     <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetCode') + ":"  }}</el-col>
                     <el-col class="datacol" :span="18">{{ datas.assetCode }}</el-col>
                </el-row>
                <el-row class="datarow">
                     <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetName') + ":"  }}</el-col>
                     <el-col class="datacol" :span="18">{{ datas.assetName }}</el-col>
                </el-row>
                 <el-row class="datarow bgrow">
                     <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetSource') + ":"  }}</el-col>
                     <el-col class="datacol" :span="18">{{ datas.assetSpeArea.speAreaName }}</el-col>
                </el-row>
                <el-row class="datarow">
                     <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetType') + ":"  }}</el-col>
                     <el-col class="datacol" :span="18">{{ datas.assetType }}</el-col>
                </el-row>
                <el-row class="datarow bgrow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetProviderInfo') + ":"  }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.assetSysProvider.providerName }}</el-col>
                </el-row>
                <el-row class="datarow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.assetStatus') + ":" }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.assetState }}</el-col>
                </el-row>
                 <el-row class="datarow bgrow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.createTime') + ":"  }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.createdDate }}</el-col>
                </el-row>
                <el-row class="datarow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.createBy') + ":"  }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.creator }}</el-col>
                </el-row>
                 <el-row class="datarow bgrow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.lastUpdateBy') + ":"  }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.modifier }}</el-col>
                </el-row>
                <el-row class="datarow">
                   <el-col class="labcol" :span="6">{{ $t('assetsAudit.lastUpdateTime') + ":"  }}</el-col>
                   <el-col class="datacol" :span="18">{{ datas.lastUpdatedDate }}</el-col>
                </el-row>
                <el-row class="datarow bgrow">
                    <el-col class="labcol" :span="6">{{ $t('assetsAudit.tag') + ":" }}</el-col>
                    <el-col class="datacol" :span="18">{{ datas.tagNameAll }}</el-col>
                </el-row>
            </el-col>

            <el-col class="datacol" :span="8" style="text-align:center;">
              <div style="width:200px;margin:auto">
                   <img v-bind:src="datas.poster" height="160" width="110">
                   <img style="padding-top:5px;" v-bind:src="datas.albumHorpic" height="103" width="180">
              </div>
            </el-col>
        </el-row>
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetCode') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetCode }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.poster') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan"><img v-bind:src="datas.poster" height="200" width="150"></el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetName }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.poster') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan"><img v-bind:src="datas.poster" height="200" width="150"></el-col>
        </el-row> -->
        <!-- <el-row class="datarow">

            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetSource') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetSpeArea.speAreaName }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetType') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetType }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetProviderInfo') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.assetSysProvider.providerName }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetStatus') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.assetState }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.createTime') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.createdDate }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.createBy') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.creator }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.lastUpdateBy') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.modifier }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.lastUpdateTime') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.lastUpdatedDate }}</el-col>
        </el-row> -->
        <!-- <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.tag') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.tagNameAll }}</el-col>
        </el-row> -->
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetSort') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.assetCapitalList}}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.contentType') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.contentType}}</el-col>
        </el-row>

        <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">{{ $t('assetsAudit.copyRightInfo') }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightTimeS') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.copyrightStartDate }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightTimeE') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.copyrightEndDate }}</el-col>
        </el-row>
        <el-row class="datarow ">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightRemark') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.publisherRemark }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.publisher') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.publisher }}</el-col>
            <!-- <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.issuer') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.issuer }}</el-col> -->
        </el-row>
        <el-row class="datarow ">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.cnName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetCnname }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.letterSimplify') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.letterSimplify }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.year') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetYear }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.area') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetArea }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.proType') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.proType }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.ageGroup') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.ageGroup }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.isFee') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.isFee }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.publishTime') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.publishTime }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.language') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.language }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.itemNum') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.itemNum }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.director') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.director }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.adaptor') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.adaptor }}</el-col>
        </el-row>
        <el-row class="datarow ">
             <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.actor') + ":"  }}</el-col>
            <el-col class="datacol" :span="20">{{ datas.actor }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.summary') + ":"  }}</el-col>
            <el-col class="datacol" :span="20">{{ datas.assetSummary }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('shellAssets.editLabel.shellAssets.plot') + ":"  }}</el-col>
            <el-col class="datacol" :span="20">{{ datas.plot }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.score') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.score }}</el-col>
            <!-- <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.emcee') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.emcee }}</el-col> -->
        </el-row>
         <!-- <el-row class="datarow ">
            <el-col class="labcol" :span="labelSpan"></el-col>
            <el-col class="datacol" :span="dataSpan"></el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.poster') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan"><img v-bind:src="datas.poster" height="200" width="150"></el-col>
        </el-row> -->
    </div>





</template>

<script>

export default {

  name:'AssetsAudit',
  data () {

    return {
        titleSpan:24,
        labelSpan:4,
        dataSpan:8,
        isShowInfoForm: false,
        activeName: 'first',
        tableHeight:300,
        modelName:"com.ispr.iptv.entity.media.AssetEntity",


        // 编辑面板绑定的对象
        // dataForm: {
        //     keyID: 0,
        //     version: 0,
        //     code: "3040",
        //     name: "致命追击",
        //     source: "爱奇艺",
        //     type: "电影(Movie)",
        //     providerInfo:"爱奇艺",
        //     status:"未审核",
        //     createTime:"2018-12-14 16:10",
        //     updateTime:"2018-12-16 17:40",
        //     tag:"最新上线",
        //     // sort:"电影-年代-2015|电影-内容-最新上线|电影-地区-大陆",
        //     firstCategory:"电影",
        //     secondCategory:"年代-2015|电影-内容-最新上线|电影-地区-大陆",
        //     copyRightTimeS:"2018-12-01",
        //     copyRightTimeE:"2019-12-01",
        //     copyRightSource:"",
        //     copyRightRemark:"",
        //     cnName:"",
        //     firstChar:"",
        //     year:"2018",
        //     area:"中国",
        //     language:"中文",
        //     count:"1",
        //     contentSort:"",
        //     director:"导演1",
        //     adaptor:"",
        //     actor:"吴兵、王雪玉、马元",
        //     emcee:"主持1",
        //     guest:"嘉宾3",
        //     location:"杭州西湖",
        //     firstChannel:"湖北卫视",
        //     publisher:"Jack",
        //     issuer:"Smith",
        //     broadcastStatus:"爱奇艺",
        //     ticketCount:"500万",
        //     isEnabled: "Available"
        // },

    }
  },
  computed: {
      dDataSpan:function(){
          return 24 - this.labelSpan;
      }
  },
  methods:{


  },
  props:['datas'],
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.main{
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: #333333;
    font-family:"Microsoft YaHei";

}
.datarow {
    border: 1px solid #eeeeee;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    &:last-child {
      margin-bottom: 0;
    }
  }

.titlecol{
    font-weight: bold;
}

.labcol {
padding: 3px 3px 3px 5px;
border-radius: 4px;
font-size: 14px;
text-align:right;
border-right: 1px solid #eeeeee;
}

.datacol {
padding: 3px 3px 3px 3px;
border-radius: 0px;
text-align:left;

vertical-align: middle;
border-right: 1px solid #eeeeee;
}

.bgrow{
    background-color: #d4f1ff;
}

</style>
